<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>湖北新一代应急系统</title>
    <script src="<%= BASE_URL %>libs/LayerCards.js"></script>
    <% if(['test', 'development'].includes(process.env.NODE_ENV)){%>
      <script src="https://map.sgcc.com.cn/maps?v=3.0.0"></script>
      <script src="https://map.sgcc.com.cn/products/js-sdk/v3/assets/js/turf.min.js"></script>
    <%} %>
    <% if(process.env.NODE_ENV==="production" ){%>
      <script src="https://map-hb.sgcc.com.cn/maps?v=3.0.0"></script>
      <script src="https://map-hb.sgcc.com.cn/products/js-sdk/v3/assets/js/turf.min.js"></script>
      <!-- 电网一张图相关依赖文件 -->
      <!--引入样式文件-->
      <link rel="stylesheet" href="http://25.55.39.199:30006/amapsdk/libs/webgis/css/narimap.css" />
      <!--引入 js 文件-->
      <script src="http://25.55.39.199:30006/amapsdk/libs/webgis/narimap.min.js"></script>
    <%} %>
    <style>
      .mapboxgl-ctrl.mapboxgl-attribute-control {
        display: none !important;
      }
      .sgmap-ctrl-bottom-left{
        display: none;
      }
      .mapboxgl-ctrl.mapboxgl-auxiliary-control {
        display: none !important;
      }
      .car-marker {
        background: url("./img/gr.png");
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script>
    function bodyScale() {
      var devicewidth = document.documentElement.clientWidth;//获取当前分辨率下的可是区域宽度
      var scaleNew = devicewidth / 1920; // 分母——设计稿的尺寸
      document.body.style.zoom = scaleNew;//放大缩小相应倍数
    }
    bodyScale();
  </script>
</html>
